<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>杭州华家池到德清莫干山两日游攻略</title>
    <style>
        body {
            font-family: "Microsoft YaHei", sans-serif;
            margin: 0;
            padding: 0;
            background-color: #f5f5f5;
            color: #333;
        }
        .container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 20px;
        }
        header {
            background-color: #0078ff;
            color: white;
            padding: 30px 0;
            text-align: center;
            margin-bottom: 30px;
            background-image: linear-gradient(rgba(0, 120, 255, 0.8), rgba(0, 120, 255, 0.8)), url('https://store.is.autonavi.com/showpic/08ed426487eb2e6245e99431a396f052');
            background-size: cover;
            background-position: center;
        }
        h1 {
            margin: 0;
            font-size: 2.5em;
        }
        .subtitle {
            margin-top: 10px;
            font-size: 1.2em;
            opacity: 0.9;
        }
        .card {
            background-color: white;
            border-radius: 8px;
            padding: 20px;
            margin-bottom: 20px;
            box-shadow: 0 2px 5px rgba(0,0,0,0.1);
        }
        .card h2 {
            color: #0078ff;
            margin-top: 0;
            border-bottom: 1px solid #eee;
            padding-bottom: 10px;
        }
        .btn {
            display: inline-block;
            padding: 10px 20px;
            background-color: #0078ff;
            color: white;
            text-decoration: none;
            border-radius: 4px;
            font-weight: bold;
            margin-top: 20px;
            transition: background-color 0.3s;
        }
        .btn:hover {
            background-color: #0056b3;
        }
        .grid {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
            gap: 20px;
        }
        .feature {
            padding: 20px;
            border-radius: 8px;
            background-color: white;
            box-shadow: 0 2px 5px rgba(0,0,0,0.1);
        }
        .feature h3 {
            color: #0078ff;
            margin-top: 0;
        }
        footer {
            text-align: center;
            padding: 20px;
            margin-top: 40px;
            color: #666;
            font-size: 0.9em;
        }
        .day-list {
            list-style-type: none;
            padding: 0;
        }
        .day-list li {
            padding: 10px 0;
            border-bottom: 1px solid #eee;
        }
        .day-list li:last-child {
            border-bottom: none;
        }
        .nav {
            background-color: white;
            padding: 10px 20px;
            margin-bottom: 20px;
            border-radius: 8px;
            box-shadow: 0 2px 5px rgba(0,0,0,0.1);
            text-align: center;
        }
        .nav a {
            display: inline-block;
            padding: 10px 15px;
            color: #0078ff;
            text-decoration: none;
            font-weight: bold;
        }
        .nav a:hover {
            background-color: #f0f0f0;
            border-radius: 4px;
        }
        .image-container {
            display: flex;
            justify-content: space-between;
            margin: 20px 0;
        }
        .image-card {
            width: 48%;
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 2px 5px rgba(0,0,0,0.1);
        }
        .image-card img {
            width: 100%;
            height: 200px;
            object-fit: cover;
        }
        .image-card .caption {
            padding: 10px;
            background-color: white;
            text-align: center;
        }
    </style>
</head>
<body>
    <header>
        <div class="container">
            <h1>杭州华家池到德清莫干山两日游攻略</h1>
            <div class="subtitle">2025年7月5日-2025年7月6日（2天）</div>
        </div>
    </header>

    <div class="container">
        <div class="nav">
            <a href="index.html">首页</a>
            <a href="路线地图.html">交互式地图</a>
            <a href="景点详情.html">景点详情</a>
            <a href="美食推荐.html">美食推荐</a>
        </div>

        <div class="card">
            <h2>行程概览</h2>
            <p>这是一条专为您和家人量身定制的德清两日游路线，特别适合带着两三岁的孩子和老人一起出行。行程安排考虑了炎热天气和全家人的需求，集中在碧坞龙潭景区及周边戏水点，让您在短短两天内充分享受清凉的溪水和自然风光。</p>
            <p><strong>路线：</strong> 杭州华家池 → 如家丽岚睿柏云酒店（德清莫干山店）→ 碧坞龙潭景区 → 鱼鳞坝 → 杭州华家池</p>
            <a href="路线地图.html" class="btn">查看交互式地图</a>
        </div>

        <div class="image-container">
            <div class="image-card">
                <img src="https://aos-comment.amap.com/B0FFK8G9HJ/comment/285410d906cd55d3a18268cb310ca860_2048_2048_80.jpg" alt="碧坞龙潭景区">
                <div class="caption">碧坞龙潭景区 - 适合溯溪戏水</div>
            </div>
            <div class="image-card">
                <img src="https://qcloud.dpfile.com/pc/EKTgfXKUJHyXA_54Ky-0Vl0QSG5psi9JbFnYQrxlcMvhGhp-6LHhHxkTBbXe6yFhjoJrvItByyS4HHaWdXyO_I7F0UeCRQYMHlogzbt7GHgNNiIYVnHvzAR3k-jCeWUjsGvhpc8NazdPzZf0tMUw5g.jpg" alt="碧坞龙潭鱼鳞坝">
                <div class="caption">碧坞龙潭鱼鳞坝 - 梯级瀑布戏水</div>
            </div>
        </div>

        <div class="card">
            <h2>详细行程</h2>
            <ul class="day-list">
                <li>
                    <strong>第1天（7月5日）：杭州华家池 → 如家丽岚睿柏云酒店 → 碧坞龙潭景区</strong>
                    <ul>
                        <li><strong>上午</strong>：从杭州华家池出发，驱车前往德清如家丽岚睿柏云酒店，全程约49公里，行车时间约1小时</li>
                        <li><strong>中午</strong>：酒店办理入住，在酒店附近的餐厅用午餐</li>
                        <li><strong>下午</strong>：驱车前往碧坞龙潭景区（距离酒店约21公里，行车时间约35分钟），在景区内溯溪戏水，享受清凉</li>
                        <li><strong>晚上</strong>：返回酒店休息，在附近的餐厅享用晚餐</li>
                    </ul>
                </li>
                <li>
                    <strong>第2天（7月6日）：如家丽岚睿柏云酒店 → 碧坞龙潭景区鱼鳞坝 → 杭州华家池</strong>
                    <ul>
                        <li><strong>上午</strong>：酒店早餐后，再次前往碧坞龙潭景区，探索鱼鳞坝区域（景区内不同区域）</li>
                        <li><strong>中午</strong>：在景区附近的农家乐享用午餐</li>
                        <li><strong>下午</strong>：继续在景区内不同的溪流区域戏水，下午返程回杭州华家池</li>
                    </ul>
                </li>
            </ul>
        </div>

        <h2>行程亮点</h2>
        <div class="grid">
            <div class="feature">
                <h3>适合全家出行</h3>
                <p>行程设计考虑了老人和幼儿的需求，景点间距离适中，不会过度劳累。</p>
            </div>
            <div class="feature">
                <h3>清凉戏水体验</h3>
                <p>碧坞龙潭景区提供多处溯溪戏水的机会，是炎热夏季的理想去处。</p>
            </div>
            <div class="feature">
                <h3>鱼鳞坝梯级瀑布</h3>
                <p>景区内的鱼鳞坝形成天然梯级瀑布，水流清澈，是孩子们玩水的绝佳场所。</p>
            </div>
            <div class="feature">
                <h3>美食体验</h3>
                <p>景区周边有多家农家乐，提供新鲜的山野菜和当地特色菜，满足全家人的味蕾。</p>
            </div>
        </div>

        <div class="card">
            <h2>出行贴士</h2>
            <ol>
                <li><strong>防晒防暑</strong>：7月天气炎热，请带好防晒用品、遮阳伞和足够的饮用水</li>
                <li><strong>儿童装备</strong>：带上儿童游泳圈、救生衣等水上安全装备</li>
                <li><strong>老人关怀</strong>：为老人准备防滑鞋、遮阳帽和折叠椅，确保舒适出行</li>
                <li><strong>景点门票</strong>：碧坞龙潭景区门票价格：成人65元/人，儿童（1.2-1.4米）33元/人，老人（60岁以上）33元/人，1.2米以下儿童免票</li>
                <li><strong>自驾准备</strong>：确保车辆状况良好，准备导航设备和应急工具</li>
                <li><strong>替代戏水点</strong>：除了鱼鳞坝外，景区内还有龙潭瀑布、清潭等多处适合戏水的地点</li>
            </ol>
        </div>
    </div>

    <footer>
        <div class="container">
            <p>© 2025 杭州华家池到德清莫干山两日游攻略 | 使用高德地图API提供地图服务</p>
        </div>
    </footer>
</body>
</html> 